<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/shuang.css">
    <link rel="stylesheet" href="./ma/ma.css">
    <link rel="stylesheet" href="./css/feng.css">
    <link rel="stylesheet" href="./zl/index.css">
     <link rel="stylesheet" href="./css/index.css">
</head>
<body> 
    <div class="header">
                <div class="header_top">
                    <div class="header_w w"></div>         
                </div>
                <div class="header_head">
                    
                </div>
                <div class="header_nav">
                    <div class="header_content w">
                        <img src="./img/spic.jpg" alt="">
                    </div>
                </div>
            </div>
    <div class="box">
        <div class="pillar"></div>
        <div class="axis">
            <span class="sig swing"  id="img1"></span>
            <span class="sig swing2"  id="img2"></span>
            <span class="sig swing3"  id="img3"></span>
        </div>
    </div>
    <div class="content">
        <div class="mid">
            <div class="content-left">
                <img src="./ma/img/3.jpg" alt="">
            </div>
            <div class="content-right">
                <img src="./ma/img/2.jpg" alt="">
            </div>
        </div> 
    </div>
     <div class="canvas">
        <canvas width="1200" height="100">该浏览器不支持canvas</canvas>
    </div>
    <div class="banner">
        <div class="b_top">
            <img src="images/adv1.jpg" alt="">
            <div class="t_t t">
                <p>你不知道的DR求婚钻戒</p>
                <span>男士凭身份证一生仅此能定制一枚购买时 &nbsp;&nbsp;&nbsp;&nbsp;签署一生唯一真爱协议终生不可更改</span>
            </div>
            <div class="t_t k">
                    <p>DR见证千万真爱承诺</p>
                    <span>绑定证件号码 随时查询 见证您的真爱承诺</span>
                    <br>
                    <button>真爱查询 ></button>
                </div>
        </div>
        <div class="b_t">
            <img src="images/sealBg.png" alt="">
           <p>  新品发布 </p>
        </div> 
        <div class="b_k">
            <div class="b_left">
                <img src="images/1503644270599fca6e62062.jpg" alt="">
            </div>
            <div class="b_left">
                    <img src="images/1503644195599fca23ad950.jpg" alt="">
            </div>            
            <div class="b_left">
                    <img src="images/1503644080599fc9b013930.jpg" alt="">
            </div>           
        </div>
        <div class="b_w">
            <p>唯一真爱 求婚钻戒</p>
        </div>
    </div>
   
    <script src="./js/feng.js"></script>
    <script src="./zl/index.js"></script>
</body>
</html>